<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../../dist/css/common.css">
    <link rel="stylesheet" href="../../dist/css/infoGlass.css">
    
</head>

<body>
    <div id="app">
        <!-- 顶部菜单 -->
        <header class="global-header">
            <div class="global-header-part-side-logo"><a href="javascript:void(0);"><img
                        src=""
                        width="145" height="60"></a></div>
            <div class="Container">
                <div class="global-header-part-main">
                    <div class="global-header-part-main-logo">
                        <a href="../html/home.html"><img src="" width="145" height="60"></a>
                    </div>
                    <div class="global-header-part-main-menu">
                        <div class="GlobalHeaderPartMenu">
                            <div class="part-menu-items"><a href="./login.html" active="true">登录/注册</a><a
                                    href="javascript:void(0);"> 消息中心
                                </a><a href="javascript:void(0);">收藏夹</a><a href="javascript:void(0);">郑重声明</a><a
                                    href="javascript:void(0);">帮助</a></div>
                        </div>
                    </div>
                    <div class="global-header-part-main-action">
                        <div class="global-header-part-main-search">
                            <div class="GlobalHeaderPartSearch">
                                <div class="part-search-wrap">
                                    <div class="part-search-box">
                                        <div class="part-search-input"><input type="search" placeholder="输入商品名或货号">
                                        </div>
                                        <a href="javascript:void(0);" class="part-search-submit">
                                            <img src=""
                                                alt="搜索" width="38" height="38">
                                        </a>
                                        <div class="part-search-history">
                                            <div class="part-search-history-babel">
                                                <span class="part-search-history-recent">热门搜索</span>
                                                <span class="part-search-history-change">换一批</span>
                                            </div>
                                            <span class="part-search-history-content"> 扫除用品 </span>
                                            <span class="part-search-history-content"> 起泡网 </span>
                                            <span class="part-search-history-content"> 限定 </span>
                                            <span class="part-search-history-content"> 内衣 </span>
                                            <span class="part-search-history-content"> 乳液 </span>
                                            <span class="part-search-history-content"> 蜡烛 </span>
                                            <span class="part-search-history-content"> 笔记本 </span>
                                            <span class="part-search-history-content"> 衣架 </span>
                                            <span class="part-search-history-content"> 薯条 </span>
                                            <span class="part-search-history-content"> 化妆棉 </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="global-header-part-main-btns">
                            <div class="GlobalHeaderPartBtns">
                                <div class="part-btns-wrap"><a href="./shoppingcar.html"><img
                                            src=""
                                            alt="购物车" width="24" height="24"><span
                                            class="part-btns-label">购物车</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </header>

        <!-- 内容+底部 -->
        <div class="app-global-footer">
            <div class="app-router-view"">
                <div class="view-commodity-details">
                    <div class="Container fluid">
                        <div class="Loader state-complete">
                            <div class="loader-content">
                                <!-- 放大镜区域 -->
                                <div class="page-components">
                                    <!-- 左边图片区域 -->
                                    <div class="content">
                                        <div class="smallImg">
                                            <div class="focus"></div>
                                            <img src="../static/libs/images/1.big.jpeg" alt="">
                                        </div>
                                                
                                        <!-- 大图 -->
                                        <div class="bigImg">
                                            <img src="../static/libs/images/1.big.jpeg" alt="">
                                        </div>
                                        <!-- 图片列表 -->
                                        <ul class="imgList">
                                            <li class="page-list"><img src="../static/libs/images/1.big.jpeg" alt=""></li>
                                            <li class="page-list"><img src="../static/libs/images/2.big.jpeg" alt=""></li>
                                            <li class="page-list"><img src="../static/libs/images/3.big.jpeg" alt=""></li>
                                            <li class="page-list"><img src="../static/libs/images/4.big.jpeg" alt=""></li>
                                            <li class="page-list"><img src="../static/libs/images/5.big.jpeg" alt=""></li>
                                        </ul>
                                        <div ></div>
                                        <!-- 下方收藏 -->
                                        <div class="page-favorites">
                                            <span class="page-favorites-img"></span>
                                            <span class="page-favorites-Popularity">收藏商品（81人气）</span>
                                            <span class="page-favorites-sold">月销量78件</span>
                                        </div>
                                    </div>
                                    <!-- 右边介绍区域 -->
                                    <div class="page-intro">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
        <!-- 底部 -->
            <div class="global-footer" id="footer">
                <div class="footer-left-country">中国</div>
                <div class="global-footer-wrap"><span class="global-footer-wrap-item">© Ryohin Keikaku Co.,
                        Ltd.</span><span class="global-footer-wrap-item">© 无印良品（上海）商业有限公司</span><span
                        class="global-footer-wrap-item">地址：上海市静安区南京西路1601号35楼3501-3508室</span></div>
                <div class="global-footer-wrap"><a href="https://www.muji.com.cn/cn/net/contents/contact/faq/3.jpg"
                        data-fancybox="" data-caption="营业执照" class="global-footer-wrap-item">营业执照</a><a
                        href="https://www.muji.com.cn/cn/net/contents/contact/faq/2.jpg" data-fancybox=""
                        data-caption="食品经营许可证" class="global-footer-wrap-item">食品经营许可证</a><a
                        href="https://www.muji.com.cn/cn/net/contents/contact/faq/1.jpg" data-fancybox=""
                        data-caption="出版物经营许可证" class="global-footer-wrap-item">出版物经营许可证 新出发 沪批字第 X6755号</a></div>
                <div class="global-footer-wrap"><span class="footer-right-address">沪ICP备08018225号</span><span
                        class="footer-right-police"><img
                            src="">
                        沪公网安备 31010602002779号 </span><span class="footer-right-item"><img
                            src="">
                        上海工商 </span>
                </div>
            
        </div>
    </div>
</body>
<script src="../javascripts/infoGlass.js"></script>

</html>